import React, { useState } from 'react';

import './index.less';

const HotSkeletons = () => {
  const [state, setState] = useState(Array(2).fill(1));

  return (
    <div className="hot-skeletons">
      {state.map((item, index) => (
        <div className="item" key={index}>
          <div className="skeletons top"></div>
          <div className="skeletons title"></div>
          <div className="skeletons info"></div>
          <div className="skeletons price"></div>
        </div>
      ))}
    </div>
  );
};

export default HotSkeletons;
